<template>
<!--模板的结构-->
<div class="demo">
  <h1>学校名称:{{ name }}</h1>
</div>
</template>
<script>
//写数据交互部分，默认使用export关键字进行导出组件，可使用export default和export组件
//导出方式决定对应导入方式不同
export default{
    name:'SchoolView',//组件的名字
    data(){
        return{
            name:'奥特曼中学',
        }
    }
}
</script>
<style scoped>
.demo{
    padding: 10px 20px;
    background-color: orange;
}
</style>